@charset "UTF-8";
/* CSS Document */

.logo {
	background-image: url(../image/logo.png);
	background-repeat: no-repeat;
	height: 133px;
	width: 300px;
	margin-top: 13px;
	margin-bottom: 5px;
}
.tabmenu {
	height: 44px;
	width: 300px;
	float: left;
}
.function a {
	background-image: url(../image/menu-function-1.png);
	background-repeat: no-repeat;
	background-position: 0px -44px;
	height: 44px;
	width: 79px;
	float: left;
}
.function a:hover{
	background-image: url(../image/menu-function-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.function-select {
	background-image: url(../image/menu-function-1.png);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 79px;
}
.operation a {
	background-image: url(../image/menu-operation-1.png);
	background-repeat: no-repeat;
	background-position: 0px -44px;
	float: left;
	height: 44px;
	width: 67px;
}
.operation a:hover {
	background-image: url(../image/menu-operation-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.operation-select {
	background-image: url(../image/menu-operation-1.png);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 67px;
}
.tab03 a {
	background-image: url(../image/menu-tab03-1.png);
	background-repeat: no-repeat;
	background-position: 0px -44px;
	float: left;
	height: 44px;
	width: 65px;
}
.tab03 a:hover {
	background-image: url(../image/menu-tab03-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.tab03-select {
	background-image: url(../image/menu-tab03-1.png);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 65px;
}
.tab04 a {
	background-image: url(../image/menu-tab04-1.png);
	background-repeat: no-repeat;
	background-position: 0px -44px;
	float: left;
	height: 44px;
	width: 75px;
}
.tab04 a:hover {
	background-image: url(../image/menu-tab04-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.tab04-select {
	background-image: url(../image/menu-tab04-1.png);
	background-repeat: no-repeat;
	float: left;
	height: 44px;
	width: 75px;
}
.function-hed {
	background-image: url(../image/menu-hed-1.png);
	background-repeat: no-repeat;
	width: 300px;
	padding-top: 10px;
	float: left;
}
.operation-hed {
	background-image: url(../image/menu-hed-o.png);
	background-repeat: no-repeat;
	width: 300px;
	float: left;
	padding-top: 10px;
}
.tab03-hed {
	background-image: url(../image/menu-hed02-1.png);
	background-repeat: no-repeat;
	width: 300px;
	padding-top: 10px;
	float: left;
}
.tab04-hed {
	background-image: url(../image/menu-hed02-o.png);
	background-repeat: no-repeat;
	width: 300px;
	padding-top: 10px;
	float: left;
}
.function-menu {
	background-image: url(../image/menu-bg-1.png);
	background-repeat: repeat-y;
	width: 270px;
	padding-right: 20px;
	padding-left: 10px;
}
.operation-menu {
	background-image: url(../image/menu-bg-o.png);
	background-repeat: repeat-y;
	width: 270px;
	padding-right: 20px;
	padding-left: 10px;
}
.tab03-menu {
	background-image: url(../image/menu-bg02-1.png);
	background-repeat: repeat-y;
	width: 270px;
	padding-right: 20px;
	padding-left: 10px;
}
.tab04-menu {
	background-image: url(../image/menu-bg02-o.png);
	background-repeat: repeat-y;
	width: 270px;
	padding-right: 20px;
	padding-left: 10px;
}
.function-bottom {
	background-image: url(../image/menu-bottom-1.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 10px;
}
.operation-bottom {
	background-image: url(../image/menu-bottom-o.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 10px;
}
.tab03-bottom {
	background-image: url(../image/menu-bottom02-1.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 10px;
}
.tab04-bottom {
	background-image: url(../image/menu-bottom02-o.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 10px;
}
.page-top a {
	background-image: url(../image/page-top-1.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 96px;
	float: right;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 20px;
	background-position: 0px 0px;
}
.page-top a:hover {
	background-image: url(../image/page-top-1.png);
	background-repeat: no-repeat;
	background-position: 0px -25px;	
}
.comipo-top a {
	float: left;
	height: 106px;
	width: 300px;
	background-image: url(../image/logo.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.comipo-top a:hover {
}
.comipo-link a {
	background-image: url(../image/comipo-link-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 27px;
	width: 131px;
	margin-left: 157px;
}
.comipo-link a:hover {
	background-image: url(../image/comipo-link-1.png);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}
.collapse a {
	background-image: url(../image/collapse-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 24px;
	width: 104px;
	float: left;
	margin-left: 30px;
}
.collapse a:hover {
	background-image: url(../image/collapse-1.png);
	background-repeat: no-repeat;
	background-position: 0px -24px;
}
.expand a {
	background-image: url(../image/expand-1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 24px;
	width: 104px;
	float: left;
	margin-left: 6px;
}
.expand a:hover {
	background-image: url(../image/expand-1.png);
	background-repeat: no-repeat;
	background-position: 0px -24px;
}
.item01 {
	font-size: 90%;
}

/* kawano �ǉ� */
.trial_tutorial a {
	overflow: hidden;
	height: 45px;
	width: 170px;
	background-image: url(../../image/download_button_170.png);
	text-align: center;
	float: left;
	margin-left: 100px;
}
